<template>
  <j-select-biz-component :width="1000" v-bind="configs" v-on="$listeners" />
</template>

<script>
  import JSelectBizComponent from '@/components/jeecgbiz/JSelectBizComponent'
  export default {
    name: 'JSelectAlbums',
    components: { JSelectBizComponent },
    props: ['value'],
    data() {
      return {
        settings: {
          name: '专辑',
          displayKey: 'listname',
          returnKeys: ['id', 'id'],
          listUrl: '/mus/albumorsonglist/list',
          queryParamCode: 'listname',
          queryParamText: '专辑名称',
          columns: [
            {
              title: '专辑名称',
              dataIndex: 'listname',
              align: 'left',
              width: '20%',
              widthRight: '70%',
              ellipsis: true,
            },
            {
              title: '所属类别',
              align: "center",
              width: '25%',
              dataIndex: 'categoryIds_dictText',
              ellipsis: true,
            },
            {
              title: '流派',
              align: "center",
              width: '20%',
              dataIndex: 'genre',
              ellipsis: true,
            },
            {
              title: '语种',
              align: "center",
              width: '20%',
              dataIndex: 'language',
              ellipsis: true,
            },
            {
              title: '出版时间',
              align: "center",
              width: '20%',
              dataIndex: 'publishDate'
            },
          ]
        }
      }
    },
    computed: {
      configs() {
        return Object.assign({ value: this.value }, this.settings, this.$attrs)
      }
    }
  }
</script>

<style scoped>

</style>